<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商家入驻</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="keywords" content="翻倍花，O2O，第三方推广，服务平台">
    <meta name="description" content="翻贝网致力于打造国内最具公信力的第三方推广和服务平台">
	<link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/pcWeb.css?v={{env('CSS_VERSION')}}">
	<link rel="shortcut  icon" type="image/x-icon" href="{{ env('IMAGE_DOMAIN') }}images/icon.png" media="screen"  />
	<style>
		.header{width: 1200px;height: 100px;background: url({{env('IMAGE_DOMAIN')}}images/pc/top_logo.png) 100px 22px no-repeat;background-size: 204px;position: absolute;top: 0;z-index: 1000;}
		.header p{width: 400px;margin-right: 50px;margin-top: 35px;}
		.roll{width:1200px;height:350px; margin:20px auto 0;position: relative;}
		#out{width:600px; height:350px; overflow:hidden;margin: 0 auto;}
		.con{width: 6000px; height: 350px; overflow: hidden;}
		.con li{width: 600px; height: 350px; float: left;text-align: center;}
		.left{width: 40px; height: 78px; background: url({{ env('IMAGE_DOMAIN') }}images/pc/btn.png) 0 0 no-repeat; position: absolute; left: 0; top: 120px; cursor: pointer;}
		.right{width: 40px; height: 78px; background: url({{ env('IMAGE_DOMAIN') }}images/pc/btn.png) -40px 0 no-repeat; position: absolute; right: 0; top: 120px; cursor: pointer;}
		.nav .select{background: red; color: #fff;}
		.shop_joinin4 .title{color: #262626;font-size: 28px;margin-top: 20px;}
		.shop_joinin4 .text{color: #808080;font-size: 20px;margin-top: 20px;}
		.shopjoin_houtai{color: #9955c6;width: 100%;text-align: center;position: absolute;bottom: 13px;}
		.index_section1 #city{border: 1px solid #b3b3b3;height: 43px;border-radius: 5px;width: 278px;position: absolute;top: 118px;left: 35px;font-size: 18px;}
		.shop_nav #city{border: 1px solid #b3b3b3;height: 40px;margin-left: 20px;border-radius: 5px;width: 130px;font-size: 18px;float: left;}
	</style>
</head>
<body>
	<p class="shop_back_out">
		<img class="shop_back_img" src="{{env('IMAGE_DOMAIN')}}images/pc/bg.jpg?v={{env('IMAGE_VERSION')}}" alt="">
		<img class="shop_prompt" src="{{env('IMAGE_DOMAIN')}}images/pc/shop_prompt.png?v={{env('IMAGE_VERSION')}}" alt="">
	</p>
	<div style="z-index: 10;position: relative;">
		<header class="header oh">
			<p class="fr oh">
				<a href="/index">首页</a>
				<a style="color: #1b265e;background-color: #fff;" href="/shopjoin">商家入驻</a>
				<a href="/cityagent">城市代理</a>
				<a href="/aboutus">关于我们</a>
				<!-- <a class="abc" href="http://search.51job.com/list/000000,000000,0000,00,9,99,%25E7%25BF%25BB%25E8%25B4%259D%25E7%25BD%2591,2,1.html" target="_blank">招贤纳士</a> -->
			</p>
		</header>

		<section class="index_section1">
			<img id="index_section1_backpic" src="{{env('IMAGE_DOMAIN')}}images/pc/shop_joinbg.jpg?v={{env('IMAGE_VERSION')}}" alt="">
			<div class="index_section1_center oh">
				<div class="shop_section1_text">
					<form method="" action="" id="form1">
						<input class="name" id="name" type="text" name="name" placeholder="请输入姓名" oninput="check()" onpropertychange="check()">
						<select class="sex" name="sex" id="">
							<option value="male">先生</option>
							<option value="female">女士</option>
						</select>
						<select name="city" id="city">
							<option value="">请选择城市</option>
							<option value="1">南昌</option>
							<option value="4">厦门</option>
							<option value="5">运城</option>
							<option value="0">其他</option>
						</select>
						<input class="phone" id="phone" type="text" name="mobile" placeholder="请输入您的手机号" oninput="check()" onpropertychange="check()" maxlength="11">
						<input id="shop_joinin" type="button" value="申请入驻">
					</form>
					<a class="shopjoin_houtai" href="https://www.fbw-china.com/shop/login" target="_blank">进入商家后台></a>
				</div>
			</div>
		</section>
		
		<section class="shop_joinin1">
			<div class="shop_joinintext oh">
				<img class="left_img fl" src="{{env('IMAGE_DOMAIN')}}images/pc/phone.png?v={{env('IMAGE_VERSION')}}" alt="">
				<img class="left_imgin fl" src="{{env('IMAGE_DOMAIN')}}images/pc/shop_joininner.png?v={{env('IMAGE_VERSION')}}" alt="">
				<div class="right_text fl">
					<p class="text1">与翻贝网合作能给商家带来什么好处？</p>
					<p class="line"></p>
					<ol>
						<li><span class="fl co_violet">1</span>免费做宣传推广</li>
						<li><span class="fl co_violet">2</span>免费引入客源</li>
						<li><span class="fl co_violet">3</span>协助商家尽快回收现金流</li>
					</ol>
				</div>
			</div>
		</section>

		<section class="shop_joinin2">
			<div class="shop_joinin2_cen">
				<p class="shop_joinintext">哪些实体商家适合与翻贝网进行合作</p>
				<ol class="oh tc">
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/movie.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">海量资源</p>
							<p class="text2">宾馆、KTV</p>
							<p class="text2">电影院、网吧等</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/book.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">季节性时效性强</p>
							<p class="text2">服装、光碟</p>
							<p class="text2">杂志、图书等</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/photo.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">高端品牌</p>
							<p class="text2">星级酒店</p>
							<p class="text2">高档服装</p>
							<p class="text2">高档婚纱等</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/tour.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">客户需求量大</p>
							<p class="text2">新开业商家</p>
							<p class="text2">新品发布</p>
							<p class="text2">旅游景点等</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/hotle.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">广告需求量大</p>
							<p class="text2">所有需要做活动的商家</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/market.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">单品引流量</p>
							<p class="text2">大型超市等</p>
						</div>
					</li>
					<li class="fl">
						<img src="{{env('IMAGE_DOMAIN')}}images/pc/bodybuilding.png?v={{env('IMAGE_VERSION')}}" alt="">
						<div class="text">
							<p class="text1">一次性成本高</p>
							<p class="text2">健身房、摄影</p>
							<p class="text2">瑜伽馆、体育馆等</p>
						</div>
					</li>
				</ol>
			</div>
		</section>

		<section class="shop_joinin3">
			<p class="title">入驻商家</p>
			<ul class="oh">
				<li class="oh fl">
					<p class="pic1 fl oh">
						<img class="img1" src="{{env('IMAGE_DOMAIN')}}images/pc/hotel.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic1 fl oh">
						<img class="img2" src="{{env('IMAGE_DOMAIN')}}images/pc/ktv.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic2 fl oh">
						<img class="img3" src="{{env('IMAGE_DOMAIN')}}images/pc/sport.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic2 fl oh">
						<img class="img4" src="{{env('IMAGE_DOMAIN')}}images/pc/life_service.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
				</li>
				<li class="oh fl">
					<p class="pic1 fl oh">
						<img class="img2" src="{{env('IMAGE_DOMAIN')}}images/pc/shopping.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic3 fl oh">
						<img class="img1" src="{{env('IMAGE_DOMAIN')}}images/pc/food.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
				</li>
				<li class="oh fl">
					<p class="pic4 fl oh">
						<img class="img5" src="{{env('IMAGE_DOMAIN')}}images/pc/wedding.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic2 fl oh">
						<img class="img6" src="{{env('IMAGE_DOMAIN')}}images/pc/cinema.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic2 fl oh">
						<img class="img4" src="{{env('IMAGE_DOMAIN')}}images/pc/regimen.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="pic1 fl oh">
						<img class="img2" src="{{env('IMAGE_DOMAIN')}}images/pc/tourism.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
				</li>
			</ul>
		</section>

		<section class="shop_joinin4">
			<p class="title1">商家评语</p>
			<div class="roll">
				<div id="out">
					<ul class="con oh">
						<!-- <img src="images/05.jpg"> -->
						<li class="fl">
								<img src="{{env('IMAGE_DOMAIN')}}images/pc/shop_food.png?v={{env('IMAGE_VERSION')}}">
								<p class="title">花签集</p>
								<p class="text">入驻了翻贝网对店里的作用真的大，最近几个月营业额明显提高了很多。而且翻倍这种形式很新颖，也很吸引人。</p>
						</li>
						<li class="fl">
								<img src="{{env('IMAGE_DOMAIN')}}images/pc/shop_flower.png?v={{env('IMAGE_VERSION')}}">
								<p class="title">摩束鲜花</p>
								<p class="text">自从入驻了翻贝网，店里的生意明显变好了。而且翻贝网是免费推广，完全不用担心成本问题，以前那些电视广告、发传单什么的，费用高不说，效果也看不到。</p>
						</li>
						<li class="fl">
								<img src="{{env('IMAGE_DOMAIN')}}images/pc/shop_clothes.png?v={{env('IMAGE_VERSION')}}">
								<p class="title">枺上服饰(LeeMonan)</p>
								<p class="text">我们LeeMonsan服饰的宗旨就是为现代女性塑造全新的美学生活方式。现在翻贝网帮助我们把这种理念传达给了更多的人，让更多女性因为我们而变得更完美。</p>
						</li>
						
						<!-- <img src="images/01.jpg"> -->
					</ul>
					<!-- <ul class="nav">
						<li class="select">1</li>
						<li>2</li>
						<li>3</li>
						<li>3</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul> -->
					<p class="left"></p>
					<p class="right"></p>
				</div>
			</div>
		</section>

		<footer class="footer">
			<div class="footer_outer">
				<div class="text1">
					<a class="fl text1_text" href="http://baike.baidu.com/link?url=1BP8ajFXdtypv_lyeiZL1yhe6LCj-jF38nlTMumpicXkg__TeD32oAn2M2PJZj_0IjAULI5hz2TWm2RYoFH9Aid6Hr93LHNp-NCE8XjBH9TjkRTcbK01lsyvkZdXNJcYz47tv_-yenlsUIiYfFRUkaJtyHA2ihzNBf8SVMn6I1wSEbjDnEBsGXsyA2xszimKkeq4MCJzKcD2Omk0Wy_Kjq&qq-pf-to=pcqq.c2c" target="_blank">百度百科</a>
					<span class="fl line"></span>
					<a class="fl text1_text" href="/cityagent">城市代理</a>
					<span class="fl line"></span>
					<a class="fl text1_text" href="/shopjoin">商家入驻</a>
					<span class="fl line"></span>
					<a class="fl text1_text" href="http://search.51job.com/list/000000,000000,0000,00,9,99,%25E7%25BF%25BB%25E8%25B4%259D%25E7%25BD%2591,2,1.html" target="_blank">招贤纳士</a>
					<p style="margin-left: 43px;" class="fl">
						<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_phone.png?v={{env('IMAGE_VERSION')}}" alt="">
						<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -52px;display: none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_app.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="fl">
						<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weichat.png?v={{env('IMAGE_VERSION')}}" alt="">
						<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -50px;display:none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weixiner.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
					<p class="fl">
						<img class="foot_logoimg" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weibo.png?v={{env('IMAGE_VERSION')}}" alt="">
						<img class="foot_erweima" style="position:absolute;top: -145px;width: 130px;left: -50px;display:none;" src="{{env('IMAGE_DOMAIN')}}images/pc/foot_weiboer.png?v={{env('IMAGE_VERSION')}}" alt="">
					</p>
				</div>
				<p class="text2">客服热线：400-6989-820 周一至周六 09:00到21:30 周日 09:00到18:00</p>
				<p class="text3">www.fbw-china.com 2014-2016 &copy; All Rights Reserved.赣ICP备16005016号-1</p>
			</div>
		</footer>
	</div>
	<nav class="shop_nav">
		<form class="shop_nav_cen" action="" method="" id="form2">
			<input class="text fl" id="shopname" type="text" name="name" value="" placeholder="请输入您的姓名" oninput="check1()" onpropertychange="check1()">
			<input class="sex_input fl" type="radio" name="sex" value="male" checked="checked">
		    <span class="sex fl">先生</span>
		    <input class="sex_input fl" type="radio" name="sex" value="female">
		    <span class="sex fl">女士</span>
		    <input class="phone fl" id="shopphone" type="text" name="mobile" value="" placeholder="请输入您的手机号" oninput="check1()" onpropertychange="check1()" maxlength="11">
			<select name="city" id="city">
				<option value="">请选择城市</option>
				<option value="1">南昌</option>
				<option value="4">厦门</option>
				<option value="5">运城</option>
				<option value="0">其他</option>
			</select>
		    <input class="fl" id="shopjoin" type="button" name="" value="申请入驻">
		</form>
	</nav>
<script src="{{env('JS_DOMAIN')}}js/jquery-1.11.1.min.js?v={{env('JS_VERSION')}}"></script>
<script>
	var backpic=$(document).width();
	
	$(".footer_outer .text1 p").on("mouseover",function(){
		$(this).children(".foot_erweima").show();
	});
	$(".footer_outer .text1 p").on("mouseout",function(){
		$(this).children(".foot_erweima").hide();
	});

	window.onresize=function () {
		backpic=$(document).width()
		$("#index_section1_backpic").css({"left":-(1920-backpic)/2});
		$(".shop_back_img").css({"left":-(1920-backpic)/2});
		$(".header").css({"left":(backpic-1200)/2});
		$(".index_section1_center").css({"left":(backpic-1200)/2});
		// $(".index_section3_center").css({"left":(backpic-1200)/2});
	}
	$("#index_section1_backpic").css({"left":-(1920-backpic)/2});
	$(".shop_back_img").css({"left":-(1920-backpic)/2});
	$(".header").css({"left":(backpic-1200)/2});
	$(".index_section1_center").css({"left":(backpic-1200)/2});
	// $(".index_section3_center").css({"left":(backpic-1200)/2});
	
	$(window).scroll(function(){
		var wh=$(window).scrollTop();
		if(wh>800){
			$('.shop_nav').show();
		}else{
			$('.shop_nav').hide();
		}
	})
	function check(){
		if($('.shop_section1_text .name').val()==""|| $('.shop_section1_text .phone').val()==""){
			$('#shop_joinin').css("background-color","#ccc");
		}else{
			$('#shop_joinin').css("background-color","#9955c6");
		}
	}
	function check1(){
		if($('.shop_nav .text').val()==""|| $('.shop_nav .phone').val()==""){
			$('#shopjoin').css("background-color","#ccc");
		}else{
			$('#shopjoin').css("background-color","#f2b600");
		}
	}
	$('#shop_joinin').click(function(){
		if($('.shop_section1_text .name').val()==""){
            alert("请输入姓名");return;
		}else if(isNaN($('.shop_section1_text .phone').val())){
			alert("请输入正确的手机号");return;
		}else if($('.shop_section1_text .phone').val().length!=11){
			alert("请输入正确的手机号");return;
		}else{
			$.ajax({
                url : '/submitshopjoin',
                data:$("#form1").serialize(),
                dataType:'json',
                type:'post',
                success:function(data){
                	$('.shop_prompt').show();
                }
            });
            setTimeout(function(){
            	$('.shop_prompt').hide();
            },2000);
		}
	})
$('#shopjoin').click(function(){
	if($('.shop_nav .text').val()==""){
		alert("请输入姓名");return;
	}else if(isNaN($('.shop_nav .phone').val())){
		alert("请输入正确的手机号");return;
	}else if($('.shop_nav .phone').val().length!=11){
		alert("请输入正确的手机号");return;
	}else{
		$.ajax({
            url : '/submitshopjoin',
            data:$("#form2").serialize(),
            dataType:'json',
            type:'post',
            success:function(data){
              	$('.shop_prompt').show();
            }
        });
        setTimeout(function(){
        	$('.shop_prompt').hide();
        },2000);
	}
})
function adaptation(shopid,shopfn){
	if(/msie/i.test(navigator.userAgent))    //ie浏览器   
	    {document.getElementById(shopid).onpropertychange=shopfn  
	} else{//非ie浏览器，比如Firefox   
	    document.getElementById(shopid).addEventListener("input",shopfn,false);   
	}
}
adaptation('name',check)
adaptation('phone',check)
adaptation('shopname',check1)
adaptation('shopphone',check1)

$.fn.extend({
	imgRoll:function (){
		var $_this=$(this);
		var x=1;
		var anm=true;
		var n=0;
		var timer1=null;
		var imgW=$_this.find('.con li').width();
		
		$_this.scrollLeft(imgW);//初始位置

		//第五步：复制插入节点
		var fir=$_this.find('.con li:first').clone();
		var las=$_this.find('.con li:last').clone();
		$_this.find('.con').append(fir);
		$_this.find('.con').prepend(las);

		//第一步：点击左
		$_this.find('.left').click(function (){
			clearInterval(timer1);
			if (anm) {
				anm=false;
				x--;
				if (x<0) {
					x=$_this.find('.con li').length-3;
					$_this.scrollLeft(imgW*(x+1));
				};
				// n--;
				// if (n<0) {
				// 	n=$_this.find('.nav li').length-1;
				// };
				move();
			};
			autoMove();
		});

		//第二步：点击右
		$_this.find('.right').click(function (){
			clearInterval(timer1);
			if (anm) {
				anm=false;
				x++;
				if (x>=$_this.find('.con li').length) {
					x=2;
					$_this.scrollLeft(imgW);
				};
				// n++;
				// if (n>=$_this.find('.nav li').length) {
				// 	n=0;
				// };
				move();
			};
			autoMove();
		});

		//第三步：点击数字
		// $_this.find('.nav li').click(function (){
		// 	clearInterval(timer1);
		// 	n=$_this.find('.nav li').index(this);
		// 	x=n+1;
		// 	move();
		// 	autoMove();
		// })

		//第四步：自动走
		function autoMove(){
			timer1=setInterval(function (){
				x++;
				if (x>=$_this.find('.con li').length) {
					x=2;
					$_this.scrollLeft(imgW);
				};

				// n++;
				// if (n>=$_this.find('.nav li').length) {
				// 	n=0;
				// };
				move();
			},3500)
		}
		autoMove();//进入页面执行

		//第六步：提取公用部分
		function move(){
			// $_this.find('.nav li').eq(n).addClass('select').siblings().removeClass('select');
			$_this.stop().animate({scrollLeft:imgW*x},function (){
				anm=true;
			});
		}
	}
})
$(function (){
	$('#out').imgRoll();
})
</script>
</body>
</html>